/**
 * GENERAL settings
 *
 * COLORS:
 * white: 		#FFFFFF;
 * black: 		#000000; 
 * link:  		#262088;
 * red:    		#FF0000;
 * light blue: 	#E6EEFF;
 */

* {
	margin:0px;
	padding: 0px;
}

body {
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF;
}

img {
	border-width: 0px;
}
	
td {
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	font-size: 9pt;
	}

a:link, a:visited {
	text-decoration: underline;
	color: #262088;
}

a.special:link, a.special:visited, a.special:active, a.special:hover, a:active, a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.special {
	color: #FF0000;
}

.fieldNameBlue {
	background-color: #E6EEFF;
}
.fieldNameGrey {
	background-color: #DDDDDD;
}
.fieldNameWhite {
	background-color: #FFFFFF;
}

.fieldName, .fieldNameBlue, .fieldNameWhite, .fieldNameGrey {
	color: #262088;
}
.fieldNameBlueHeader{
	font-weight:bold;
	color:#000;
	padding: 3px 0px;
	background-color: #E6EEFF;
}
.fieldNameBlueSub{
	font-weight:bold;
	color:#000;
	background-color: #E6EEFF;
}
.fieldNameWhiteSub{
	font-weight:bold;
	color:#000;
}
/*******************************
 * INPUT
 */	

input, select {
	font-family:  verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	border: 1px solid #262088;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	color: #000000;
	font-size: 10px;
	line-height: 16px;
	vertical-align: middle;
	/*height: 16px;*/
}

/*input[type=button], input[type=submit] {
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	color: #262088;
	-moz-border-radius: 5px;
}*/
input[type=button], input[type=submit] {
	/*background-color: #b3c2e3;
	font-weight:bold;
	color: #000000;*/
	border: 0px solid #262088;
	background-color: #5681BD;
	color:#FFF;
	padding-right: 3px;
	padding-left: 3px;
	text-align:center;
}


input[type=text] {
	border: 1px solid #262088;
	color: #262088;
}
select {
	border: 1px solid #262088;
	color: #262088;
}
.buttonDarkBlue{
	float: left;
	border: solid 0px;
	font-size: 11px;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #b3c2e3;
	width: 144px;
	height: 40px;
	margin-right: 4px;
	margin-bottom: 30px;
}
textarea {
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	border: 1px solid #262088;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	color: #262088;
	font-size: 10px;
	line-height: 16px;
	vertical-align: middle;
}

/*******************************
 * HEADER
 */	


	.containerNavigatie{
		position:fixed; 
		bottom:0px; 
		left:0px; 
		width:100%; 
		height:30px; 
		line-height:30px; 
		vertical-align:center; 
		text-align:center; 
		background-color:#ffffff;
		background-image: url('/database/images/icon2/Achtergrond/balk blauw 2.jpg');
		background-repeat:repeat-x;
	}
	
	.containerNavigatie img {
		height:30px;
		cursor:pointer;
	}
	
	.container {
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		padding:20px;
		color: #262088;
		font-size: 9pt;
		border: solid 1px #CCCCCC;
	}
	
	.containerOdd {
		background-color: #e6eeff;
	}
	
	.containerEven {
		background-color: #ffffff;
	}
	
	.schaduwDiv {
		background-image: url("/uren/images/schaduwrand.png");
		background-repeat: no-repeat;
		background-position: top right;
		padding-right: 5px;
	}
	/* 3 kolloms */
	#containerLeft
	{
		margin-left: 10px;
		width: 24%;
    	float:left;
	}
	#containerMiddle
	{
		width: 50%;
    	float:left;
	}
	#containerRight
	{
		width: 25%;
    	float:left;
	}
	
	/* 2 kolloms */
	#containerSmall
	{
		margin-left: 10px;
		width: 24%;
    	float:left;
	}
	
	#containerWide
	{
		width: 75%;
    	float:left;
	}
	/* 2 kolloms */
	#containerHuge
	{
		margin-left: 10px;
		width: 99%;
    	float:left;
	}
	/* pagina holder */
	
	#pagina
	{
		width:100%;
		/*min-width:1500px;*/
		margin-bottom: 30px;
		overflow:auto;
		clear:both;
	}
	
.page_header {
	font-weight: bold;
}

.page_menu {
	font-size: 20pt;
}

.nav_hdr {
	font-family: verdana, arial, Lucidia sans;/*arial, verdana, sans serif;*/
	font-size: 10pt;
	line-height: 12pt;
}

/************************
 * TEXT settings
 */
.big {
	font-size: 14pt;
}
	
.small {
	font-size: 8pt;
}
	
.rsmall {
	font-size: 7pt;
}

.smallTable {
	padding: 0px;
	border: 1px solid black;
}

.smallTable TD {
	font-size: 8pt;
	padding-right: 1px;
}

.tiny {
	font-size: 6pt;
}

.tinytdfont {
	font-family: sans-serif;
	font-size: 8pt;
	line-height: 5pt;
}

/***************
 * CONTENT Holders
 */

.blueContainer {
	background-color: #E6EEFF;
	padding: 10px;
	margin-right: 10px;
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	font-size: 9pt;
}

.darkBlueContainer {
	background-color: #b3c2e3;
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	font-size: 9pt;
}

.whiteContainer {
	background-color: #FFFFFF;
	padding: 10px;
	margin-right: 10px;
	font-family: verdana, arial, Lucidia sans;/*Lucidia sans, Lucida, verdana;*/
	font-size: 9pt;
}


/***************
 * TABS
 */
 
.tabActive, .tabActive a {
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: middle;
}
.tabInactive {
	background-color: #E6EEFF;
	color: #262088;
}
.tabInactiveRood {
	background-color: #F00;
	color: #262088;
	height: 18px;
	line-height:18px;
	width: 145px;
	text-align:center;
	cursor: pointer;
	float: left;
	border: solid 1px #E0E8F9;
	font-weight: bold;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.tabInactive, .tabActive {
	height: 18px;
	line-height:18px;
	width: 145px;
	text-align:center;
	cursor: pointer;
	float: left;
	border: solid 1px #E0E8F9;
	font-weight: bold;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.tabGreen {
	border: #00B4BF 1px solid;
	background-color: #DDFEFF;
	color: #00B4BF;
	/*
	background-color: #E6EEFF;
	color: #262088;
	*/
}

.tabHeaders {
	float: left;
	clear: both; 
	width: 100%;
	border-bottom: solid 1px #E0E8F9;
}
	
.tabContent {
	background-color: #FFFFFF;
	border: 0px solid #E0E8F9;
	border-top: solid 0px #E0E8F9; 
	width: 100%;
	clear: both;
}

/* IE Hacks */
.tabActive, .tabInactive {
	height: expression(20+"px");
	}

.tabContent {
	margin-top: expression(-1+"px");
}

/***********
 * CALENDER
 */
 
table.calendar {
	font-family: verdana, arial, Lucidia sans;/*verdana, helvetica, arial;*/
	font-size: 10px;
	border-collapse: collapse;
	background-color: white;
	border: solid #E0E8F9 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
	-moz-border-radius-topleft: 		20px;
	-moz-border-radius-bottomleft: 	20px;
	-moz-border-radius-topright: 		20px;
	-moz-border-radius-bottomright: 	20px;	
}
table.calendar td {
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
.mainheading select{
	background-color: #FFFFFF;
	border: solid #E0E8F9 1px;
	margin: 2px;	
}
table.caldayheading {
	/*border-collapse: collapse;*/	
	empty-cells: show;
	color: #FF0000;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	text-align: left;	
	font-weight: bold;
	cursor: not-allowed;
	width: 22px; /*should match calendar cell's width*/
}
table.cells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.cells td {
	/*border: solid #CCCCCC 1px;*/
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.cells td div {
	padding: 1px;
	margin: 0;	
}
table.cells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #E0E8F9 3px;
	color: #E0E8F9;
	cursor: not-allowed;
}
table.cells td.wkday {
	background-color: #FFFFFF;
}
table.cells td.wkend {
	background-color: #E6EEFF;
}
table.cells td.curdate {
	background-color: #FFFFFF;
	color: #000000;
	border: solid #E0E8F9 1px;
}
table.cells td.cell_selected {
	background-color: #FFFFFF;
	border: solid #000000 3px;
	color: #E0E8F9;
}
table.cells td.notmnth {
	background-color: #E6EEFF;
	color: #CCCCCC;
}
table.cells td.noselect {
	background-color: #FFFFFF;
	color: #FFFFFF;
	cursor: not-allowed;
}
table.cells td.hover {
	color: #E0E8F9;
	background-color: #EEEEEE;
}		

/************
 *Plannings schema
 */
	
	.mastercalender{
		padding-left: 0px;
		width: 773px;
		border-top: 2px solid #000000;
		border-left: 2px solid #000000;
		border-bottom: 1px solid #000000;
		margin: 0px;
	}
	
	.month{
		height: 20px;
		margin: 0px;
		padding-left: 0px;
		background-color: #FFFFFF;
		border-bottom: 1px solid #000000;	
	}
	
	.legenda{
		padding-left: 0px;
		width: 300px;
		border-top: 2px solid #000000;
		border-left: 1px solid #000000;
		border-right: 2px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #FFFFFF;
		margin: 0px;	
	}
	
	.maandnaam{
		float: left;
		width: 120px;
		height: 20px;
		margin: 0px;
		text-align: right;
		border-right: solid #000000 2px;	
		background-color: #E6EEFF;
	}
	
	.dezemaand{
		float: left;
		width: 118px;
		height: 16px;
		margin: 0px;
		text-align: right;
		border: solid #FF0000 2px;	
	}
	
	.dagtitel{
		background-color: #E6EEFF;
	}
	
	.gewonedag{
		background-color: #FFFFFF;
	}
	
	.caligegeven {
		background-color: #FFFF00;
	}
	  
	.calivragen {
		background-color: #EEEE99;
	}
	   
	.bijzondergegeven {
		background-color: #00FFFF;
	}
	   
	.bijzondervragen {
		background-color: #99EEEE;
	}  
	
	.verlofdagaanvraag{
		background-color: #FFDDDD;	
	}
	
	.verlofdaggeven{
		background-color: #FF0000;
	}
	
	.ziek{
		background-color: #0000FF;
	}
	
	.feestdag{
		background-color: #00FF00;
	}
	
	.weekeinddag{
		background-color: #AAAAAA;
	}
	
	.werkdag {
		background-color: #E6EEFF;
	}
	
	.geendag{
		background-color: #FFFFFF;
		float: left;
		width: 21px;
		height: 20px;
		margin: 0px;
	}
	.dagtitel, 
	.gewonedag, 
	.verlofdaggeven, 
	.ziek, 
	.caligegeven,
	.feestdag, 
	.calivragen,
	.werkdag,
	.bijzondergegeven,
	.bijzondervragen,
	.verlofdagaanvraag,
	.verlofdaggoed,
	.weekeinddag {
		float: left;
		width: 20px;
		height: 20px;
		margin: 0px;
		text-align: center;
		border-right: solid #000000 1px;	
	}
	.vandaag{
		background-color: #FFFFFF;
		float: left;
		width: 17px;
		height: 16px;
		margin: 0px;
		text-align: center;
		border: solid #FF0000 2px;	
	}	